<template>
    <div class="lianxi">
        <header>
        	<span class="s1"><img v-bind:src="imga"/></span>
        	<span class="s2">{{wodedingdan}}</span>
        	<span class="s5">{{tougao}}</span>
        </header>
        <div class="mian">
        	<ul>
        		<li v-for="info in infos">
        			<span class="s3"><img v-bind:src="info.imgb"/>&nbsp;&nbsp;{{info.text1}}&nbsp;&nbsp;&nbsp;<span class="sl3">{{info.shoujihao}}</span></span>
        			<span></span>
        			<span class="s4"><span class="sl3">{{info.xiugai}}</span>&nbsp;&nbsp;&nbsp;<img v-bind:src="info.imgc"/></span>
        		</li>
        	</ul>
        </div>
        <div class="main">
        	<ul>
        		<li v-for="look in looks">
        			<span class="sq3"><img v-bind:src="look.imgd"/>&nbsp;&nbsp;{{look.text1}}&nbsp;&nbsp;&nbsp;</span>
        			<span></span>
        			<span class="sq4"><span class="sq5">{{look.xiugai}}</span>&nbsp;&nbsp;&nbsp;<img v-bind:src="look.imgc"/></span>
        		</li>
        	</ul>
        </div>
        <div class="three">
        	<ul>
        		<li v-for="love in loves">
        			<span class="t1"><img v-bind:src="love.imge"/>&nbsp;&nbsp;{{love.text1}}&nbsp;&nbsp;&nbsp;</span>
        			<span></span>
        			<span class="t2"><img v-bind:src="love.imgc"/></span>
        		</li>
        	</ul>
        </div>
        <div class="four">
        	<ul>
        		<li v-for="like in likes">
        			<span class="l1"><img v-bind:src="like.imgg"/>&nbsp;&nbsp;{{like.text1}}&nbsp;&nbsp;&nbsp;</span>
        			<span></span>
        			<span class="l2"><img v-bind:src="like.imgc"/></span>
        		</li>
        	</ul>
        </div>
        <div class="six">
        	<ul>
        		<li v-for="yan in yans">
        			<span class="s1"><img v-bind:src="yan.imgf"/>&nbsp;&nbsp;{{yan.text1}}&nbsp;&nbsp;&nbsp;</span>
        			<span></span>
        			<span class="s2"><img v-bind:src="yan.imgc"/></span>
        		</li>
        	</ul>
        </div>
        <footer>
        	{{foo}}
        </footer>
    </div>
</template>

<script>
export default {
  name: 'lianxi',
  data () {
    return {
    	imga:"../static/img/fanhiu.png",
    	wodedingdan:"设置",
    	tougao:"投稿",
    	foo:"退出当前账号",
    	infos:[
    		{
    			imgb:"../static/img/bianji.png",
    			text1:"编辑兴趣",
    			
    			imgc:"../static/img/xiayizhang.png",
    		},
    		{
    			imgb:"../static/img/bangding.png",
    			text1:"绑定手机号",
    			shoujihao:"(136****4251)",
    			xiugai:"去修改",
    			imgc:"../static/img/xiayizhang.png",
    		},
    	],
    	looks:[
    		{
    			imgd:"../static/img/fenxiang.png",
    			text1:"分享应用",
    			
    			imgc:"../static/img/xiayizhang.png",
    		},
    		{
    			imgd:"../static/img/qingli.png",
    			text1:"清理缓存",
    			xiugai:"4.35 M",
    			imgc:"../static/img/xiayizhang.png",
    		},
    	],
    	loves:[
    		{
    			imge:"../static/img/yijian.png",
    			text1:"意见反馈",
    			
    			imgc:"../static/img/xiayizhang.png",
    		},
    		{
    			imge:"../static/img/changjian.png",
    			text1:"常用问题",
    			imgc:"../static/img/xiayizhang.png",
    		},
    		{
    			imge:"../static/img/jiaru.png",
    			text1:"加入半塘",
    			imgc:"../static/img/xiayizhang.png",
    		},
    	],
    	likes:[
    		{
    			imgg:"../static/img/banben.png",
    			text1:"版本检测",
    			imgc:"../static/img/xiayizhang.png",
    		},
    		{
    			imgg:"../static/img/tuisong.png",
    			text1:"推送设置",
    			imgc:"../static/img/xiayizhang.png",
    		},
    		{
    			imgg:"../static/img/yejian.png",
    			text1:"夜间模式",
    			imgc:"../static/img/xiayizhang.png",
    		},
    	],
    	yans:[
    		{
    			imgf:"../static/img/taobaobao.png",
    			text1:"淘宝快捷登录",
    			imgc:"../static/img/xiayizhang.png",
    		},
    	],
    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/shezhi.less);
</style>
